<template>
    <!-- 主题页 -->
    <div class="themeContainer">
       <div v-for="(item,index) in Theme.themeList.content" :key="item.id">
        <img :src="item.cover" alt="">
       </div>
    
    </div>
</template>

<script setup lang="ts">
import {onMounted} from "vue"
// 引入仓库
import themStore from "../../store/course/theme"
let Theme = themStore()
onMounted(() => {
    // 挂载的时候发送请求
    Theme.getTheme()
})
</script>

<style scoped>
.themeContainer{
    display: flex;
    flex-wrap: wrap;
}
.themeContainer img{
    width: 286px;
    border-radius: 15px;
    margin-right: 10px;
    margin-bottom: 15px;
}

</style>